@import '../../assets/styles/variable.scss';

.p-visitor-list {
  padding: $c-page-padding $c-page-padding 230rpx;

  .section {
    margin-bottom: 30rpx;
    .info {
      padding: 30rpx 20rpx;
      .title {
        margin-bottom: 20rpx;
      }
      .content {
        font-size: $c-font-small;
        color: $c-text-color-4;
        margin-top: 12rpx;
      }
    }
    .operate {
      display: flex;
      padding: 20rpx;
      color: $c-text-color-4;
      border-top: 1rpx solid $c-border-color;
      .operae-item {
        flex-grow: 1;
        display: flex;
        align-items: baseline;
        justify-content: center;
        border-right: 1rpx solid $c-border-color;
        .van-icon {
          margin-right: 10rpx;
        }
      }
      .operae-item:last-child {
        border-right: none;
      }
    }
  }

  .add {
    background-color: #fff;
    padding: 30rpx;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1rpx solid $c-border-color;
    button {
      width: 100%;
    }
  }
}
